<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>杂志编辑</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<link rel="shortcut icon" href="favicon.ico" th:href="@{favicon.ico}">
	<link href="/css/bootstrap.min.css?v=3.3.6" th:href="@{/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet">
	<link href="/css/font-awesome.css?v=4.4.0" th:href="@{/css/font-awesome.css?v=4.4.0}" rel="stylesheet">
	<link href="/css/animate.css" th:href="@{/css/animate.css}" rel="stylesheet">
	<link href="/css/layui.css" th:href="@{/css/layui.css}" rel="stylesheet">
	<link href="/css/style.css?v=4.1.0" th:href="@{/css/style.css?v=4.1.0}" rel="stylesheet">
	<script th:inline="javascript">
		var ctx = [[@{/}]] ;
	</script>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
						<input id="id" name="id" th:value="${tMagazine.id}"  type="hidden">
							<div class="form-group">	
								<label class="col-sm-3 control-label"><font color="red">*</font>标题：</label>
								<div class="col-sm-8">
									<input id="title" name="title" th:value="${tMagazine.title}" class="form-control" type="text">
								</div>
							</div>
														<!--<div class="form-group">
								<label class="col-sm-3 control-label">封面：</label>
								<div class="col-sm-8">
									<input id="titlePage" name="titlePage" th:value="${tMagazine.titlePage}" class="form-control" type="text">
								</div>
							</div>-->
														<div class="form-group">	
								<label class="col-sm-3 control-label"><font color="red">*</font>期刊号：</label>
								<div class="col-sm-8">
									<input id="issn" name="issn" th:value="${tMagazine.issn}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">备注：</label>
								<div class="col-sm-8">
									<input id="remark" name="remark" th:value="${tMagazine.remark}" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">&nbsp;</label>
								<div class="col-sm-8">
									<button type="button" class="layui-btn" id="test1">
										<i class="fa fa-cloud"></i>上传pdf
									</button>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">pdf文件：</label>
								<div class="col-sm-8">
									<input id="fileContent" name="fileContent" th:value="${tMagazine.fileContent}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">页数：</label>
								<div class="col-sm-8">
									<input id="filePages" name="filePages" th:value="${tMagazine.filePages}" class="form-control" type="text">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">&nbsp;</label>
								<div class="col-sm-8">
									<button type="button" class="layui-btn" id="test2">
										<i class="fa fa-cloud"></i>上传图片
									</button>
									<button type="button" class="layui-btn" style="background-color: #ed5565" onclick="removeContent()">
										<i class="fa fa-trash-o"></i>清空图片
									</button>
									<span style="color: red;"><b>图片命名示例：XXX_01或者01，序号重复覆盖图片，序号最小为封面</b></span>
								</div>
							</div>
							<div class="wrapper wrapper-content" id="app1">
								<div class="row">
									<label class="col-sm-3 control-label">&nbsp;&nbsp;</label>
									<!--<div class="col-sm-3">
										<div class="ibox float-e-margins">
											<div class="ibox-content">
												<div class="file-manager">
													<input id="titlePage" name="titlePage"  th:value="${tMagazine.titlePage}" type="hidden">
													<div id="titlePageBox" class="file-box">
														<div class="file">
															<a href="###">
																<span class="corner"></span>
																<div class="image">
																	<img id="fmImg" alt="image" class="img-responsive" th:src="${tMagazine.titlePage}">
																</div>
																<div class="file-name">
																	<small>封面</small>
																</div>
																&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;<button type="button"
																	class="btn btn-warning btn-xs copy"  id="fmBtn" th:url="${tMagazine.titlePage}">复制
															</button>&nbsp; &nbsp; &nbsp; &nbsp;<button type="button" class="btn btn-danger btn-xs"
																										onclick="removeTitle()">删除
															</button>
															</a>
														</div>
													</div>

												</div>
											</div>
										</div>
									</div>-->
									<div class="col-sm-9 animated fadeInRight">
										<div class="row">
											<div class="col-sm-12">
												<div class="file-box" v-for="row in rows">
													<div class="file">
														<a href="###">
															<span class="corner"></span>
															<div class="image">
																<img alt="image" class="img-responsive" :src="row.picture">
															</div>
															<div class="file-name">
																<small>第{{row.pageNo}}页</small>
															</div>
															&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;<button type="button"
																class="btn btn-warning btn-xs copy" :url="row.picture">复制
														</button>&nbsp; &nbsp; &nbsp; &nbsp;<button type="button" class="btn btn-danger btn-xs"
																									@click="remove(row.id)">删除
														</button>
														</a>
													</div>
												</div>
												<div id="incomeNum"></div>
											</div>
										</div>
										<div>
											<ul id="page"></ul>
										</div>
									</div>
								</div>
							</div>

														<!--<div class="form-group">
								<label class="col-sm-3 control-label">内容：</label>
								<div class="col-sm-8">
									<input id="content" name="content" th:value="${tMagazine.content}" class="form-control" type="text">
								</div>
							</div>-->

														<!--<div class="form-group">
								<label class="col-sm-3 control-label">是否有效（0否 1是）：</label>
								<div class="col-sm-8">
									<input id="isValid" name="isValid" th:value="${tMagazine.isValid}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">状态（0草稿 1待审核 2审核通过 3审核驳回）：</label>
								<div class="col-sm-8">
									<input id="status" name="status" th:value="${tMagazine.status}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">是否在书架：</label>
								<div class="col-sm-8">
									<input id="isInBooklist" name="isInBooklist" th:value="${tMagazine.isInBooklist}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">审核人：</label>
								<div class="col-sm-8">
									<input id="verifyUser" name="verifyUser" th:value="${tMagazine.verifyUser}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">审核时间：</label>
								<div class="col-sm-8">
									<input id="verifyTime" name="verifyTime" th:value="${tMagazine.verifyTime}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">审核结果：</label>
								<div class="col-sm-8">
									<input id="verifyResult" name="verifyResult" th:value="${tMagazine.verifyResult}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">审核意见：</label>
								<div class="col-sm-8">
									<input id="verifyDesc" name="verifyDesc" th:value="${tMagazine.verifyDesc}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">创建人：</label>
								<div class="col-sm-8">
									<input id="createdUser" name="createdUser" th:value="${tMagazine.createdUser}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">创建时间：</label>
								<div class="col-sm-8">
									<input id="createdTime" name="createdTime" th:value="${tMagazine.createdTime}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">修改人：</label>
								<div class="col-sm-8">
									<input id="updatedUser" name="updatedUser" th:value="${tMagazine.updatedUser}" class="form-control" type="text">
								</div>
							</div>
														<div class="form-group">
								<label class="col-sm-3 control-label">修改时间：</label>
								<div class="col-sm-8">
									<input id="updatedTime" name="updatedTime" th:value="${tMagazine.updatedTime}" class="form-control" type="text">
								</div>
							</div>-->
																					<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script src="/js/layui.js" th:src="@{/js/layui.js}"></script>
	<script src="/js/plugins/clipboard/clipboard.min.js" th:src="@{/js/plugins/clipboard/clipboard.min.js}"></script>
	<script src="/js/vue.min.js" th:src="@{/js/vue.min.js}"></script>
	<script src="/js/bootstrap-paginator.min.js" th:src="@{/js/bootstrap-paginator.min.js}"></script>
	<script type="text/javascript" src="/js/appjs/system/tMagazine/edit.js" th:src="@{/js/appjs/system/tMagazine/edit.js}">
	</script>
</body>
</html>
